<!DOCTYPE html>
<html xmlns="http://www.w3c.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:p="http://primefaces.org/ui" xmlns:pt="http://xmlns.jcp.org/jsf/passthrough" xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:decorate id="msrpDecoration" template="/resources/template/template-crud.xhtml">

  <ui:param name="title" value="Divisão de Roteiro" />

  <ui:param name="managedBean" value="#{roteiroBean}" />

  <ui:define name="botaoTopCadastro">

  </ui:define>

  <ui:define name="botaoTopExclusao">

  </ui:define>

  <ui:define name="botaoExtraTabela">

    <h:commandButton actionListener="#{managedBean.view}" styleClass="btnView">
      <f:ajax render="frmDados:panelTemplate" />
    </h:commandButton>

  </ui:define>

  <ui:define name="parametroConsulta">

    <script>
    jQuery(function($){
           jQuery("#frmDados\\:dataFaturamentoCons").mask("99/99/9999",{placeholder:"dd/mm/yyyy"});
           $("#frmDados\\:competenciaCon").mask("99/9999");
           /*$("#campoSenha").mask("***-****");*/
    });
  </script>

    <h:panelGrid columns="2" columnClasses="colunas">

      <h:outputLabel styleClass="fonte" value="Competência" />
      <h:inputText value="#{roteiroBean.parametersSearch.competencia}" id="competenciaCon">
        <f:converter converterId="competenciaConverter" />
      </h:inputText>

      <h:outputLabel styleClass="fonte" value="Data faturamento" />
      <h:inputText value="#{roteiroBean.parametersSearch.dataFaturamento}" id="dataFaturamentoCons">
        <f:convertDateTime pattern="dd/MM/yyyy" locale="pt_BR" timeZone="America/Fortaleza" />
      </h:inputText>
    </h:panelGrid>

  </ui:define>

  <ui:define name="tabelaDados">

    <p:column headerText="Competência">
      <h:outputText styleClass="fonte" value="#{beanEnt.competencia}" />
    </p:column>

    <p:column headerText="Número">
      <h:outputText styleClass="fonte" value="#{beanEnt.numero}" />
    </p:column>

    <p:column headerText="Ordem de carga">
      <h:outputText styleClass="fonte" value="#{beanEnt.ordem}" />
    </p:column>

    <p:column headerText="Status">
      <h:outputText styleClass="fonte" value="#{beanEnt.status}" />
    </p:column>

    <p:column headerText="Qtde imóvel">
      <h:outputText styleClass="fonte" value="#{beanEnt.qtdImovel}" />
    </p:column>

    <p:column headerText="Imei" resizable="true">
      <h:outputText styleClass="fonte" value="#{beanEnt.equipamento.imei}" />
    </p:column>

    <p:column headerText="Leiturista" resizable="true">
      <h:outputText styleClass="fonte" value="#{beanEnt.equipamento.leiturista.nome}" />
    </p:column>

    <p:column headerText="Data faturamento">
      <h:outputText styleClass="fonte" value="#{beanEnt.dataFaturamento}">
        <f:convertDateTime pattern="dd/MM/yyyy" locale="pt_BR" timeZone="America/Fortaleza" />
      </h:outputText>
    </p:column>

    <p:column headerText="Data geração">
      <h:outputText styleClass="fonte" value="#{beanEnt.dataGeracao}">
        <f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" locale="pt_BR" timeZone="America/Fortaleza" />
      </h:outputText>
    </p:column>

    <p:column headerText="Data carga">
      <h:outputText styleClass="fonte" value="#{beanEnt.dataCarga}">
        <f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" locale="pt_BR" timeZone="America/Fortaleza" />
      </h:outputText>
    </p:column>

    <p:column headerText="Data retorno">
      <h:outputText styleClass="fonte" value="#{beanEnt.dataRetorno}">
        <f:convertDateTime pattern="dd/MM/yyyy" locale="pt_BR" timeZone="America/Fortaleza" />
      </h:outputText>
    </p:column>

  </ui:define>

  <ui:define name="formCadastro">

    <script>
    jQuery(function($){
    	 jQuery("#frmDados\\:dataFaturamentoCad").mask("99/99/9999",{placeholder:"dd/mm/yyyy"});
        /*   $("#campoTelefone").mask("(999) 999-9999");
           $("#campoSenha").mask("***-****");*/
    });
  </script>


    <h:panelGroup rendered="#{managedBean.state eq 'incluir'}">
      <h:panelGrid columns="2" columnClasses="colunas">

        <h:outputLabel styleClass="fonte" value="Quantidade de Leiturista" />
        <h:inputText id="imei" value="#{roteiroBean.entity.qtdLeiturista}" required="true" requiredMessage="Quantidade de leiturista é requerido." />

        <h:outputLabel styleClass="fonte" value="Data faturamento" />
        <h:inputText value="#{roteiroBean.entity.dataFaturamento}" id="dataFaturamentoCad" required="true" requiredMessage="Data faturamento é requirido.">
          <f:convertDateTime pattern="dd/MM/yyyy" />
        </h:inputText>

      </h:panelGrid>

      <p:dataTable id="tblDadosCarga" var="_carga" value="#{roteiroBean.lstCarga}" emptyMessage="Não existem cargas disponíveis para geração de roteiro." selectionMode="single"
        selection="#{roteiroBean.carga}" rowKey="#{_carga.id}">

        <p:column headerText="Competência">
          <h:outputText styleClass="fonte" value="#{_carga.competencia}">
          </h:outputText>
        </p:column>

        <p:column headerText="Data carga">
          <h:outputText styleClass="fonte" value="#{_carga.dataCarga}">
            <f:convertDateTime pattern="dd/MM/yyyy" />
          </h:outputText>
        </p:column>

        <p:column headerText="Qtde imóvel">
          <h:outputText styleClass="fonte" value="#{_carga.qtdImovel}">
          </h:outputText>
        </p:column>

        <p:column headerText="Qtde Lançamento Futuro">
          <h:outputText styleClass="fonte" value="#{_carga.qtdLancamentoFuturo}">
          </h:outputText>
        </p:column>

        <p:column headerText="Status">
          <h:outputText styleClass="fonte" value="#{_carga.enumStatusCarga}">
          </h:outputText>
        </p:column>

      </p:dataTable>

    </h:panelGroup>

    <h:panelGroup rendered="#{managedBean.state eq 'alterar'}">

      <h:panelGrid columns="2" columnClasses="colunas">

        <h:outputLabel styleClass="fonte" value="Número" />
        <h:outputText value="#{roteiroBean.entity.numero}" />

        <h:outputLabel styleClass="fonte" value="Equipamento" />
        <h:selectOneMenu value="#{roteiroBean.entity.equipamento}" required="true" requiredMessage="Equipamento é requerido." converter="entityConverter">
          <f:selectItem itemLabel="Selecione uma opção" />
          <f:selectItems var="_equipamento" itemValue="#{_equipamento}" itemLabel="#{_equipamento.imei}" value="#{roteiroBean.lstEquipamento}" />
          <f:attribute name="itens" value="#{roteiroBean.lstEquipamento}" />
        </h:selectOneMenu>

      </h:panelGrid>

    </h:panelGroup>

  </ui:define>

  <ui:define name="formExclusao">

  </ui:define>

  <ui:define name="formDetalhar">

    <h:panelGrid columns="2" columnClasses="colunas">

      <h:outputLabel styleClass="fonte" value="Número" />
      <h:outputText value="#{roteiroBean.entity.numero}" />

      <h:outputLabel styleClass="fonte" value="Equipamento" />
      <h:outputText value="#{roteiroBean.entity.equipamento.imei}" />

    </h:panelGrid>

    <p:dataTable var="_itemRoteiro" value="#{roteiroBean.entity.lstItemRoteiro}" emptyMessage="Não existem cargas disponíveis para geração de roteiro.">

      <p:column headerText="Ordem">
        <h:outputText styleClass="fonte" value="#{_itemRoteiro.ordem}">
        </h:outputText>
      </p:column>

      <p:column headerText="Inscrição">
        <h:outputText styleClass="fonte" value="#{_itemRoteiro.imovel.inscricao}">
        </h:outputText>
      </p:column>

      <p:column headerText="Ordem SAAE">
        <h:outputText styleClass="fonte" value="#{_itemRoteiro.imovel.ordemRoteiro}">
        </h:outputText>
      </p:column>

      <p:column headerText="Geografia">
        <h:outputText styleClass="fonte" value="#{_itemRoteiro.imovel.codLocalidade}.#{_itemRoteiro.imovel.codDistrito}.#{_itemRoteiro.imovel.codSetor}">
        </h:outputText>
      </p:column>

      <p:column headerText="Endereço">
        <h:outputText styleClass="fonte" value="#{_itemRoteiro.imovel.rua}, #{_itemRoteiro.imovel.numero} - #{_itemRoteiro.imovel.complemento} - #{_itemRoteiro.imovel.bairro}">
        </h:outputText>
      </p:column>

      <p:column headerText="Cliente">
        <h:outputText styleClass="fonte" value="#{_itemRoteiro.imovel.nomeResponsavel}">
        </h:outputText>
      </p:column>

    </p:dataTable>

  </ui:define>

</ui:decorate>

</html>